<!DOCTYPE html>
<!--
This is a starter template page. Use this page to start your new project from
scratch. This page gets rid of all links and provides the needed markup only.
-->
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>{{ trans('home.title') }}</title>
    <!-- Tell the browser to be responsive to screen width -->
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <!-- Bootstrap 3.3.5 -->
    <link href="{{ asset("/components/AdminLTE/bootstrap/css/bootstrap.min.css") }}" rel="stylesheet" type="text/css" />

    <!-- Font Awesome -->
    <link href="{{ asset("/components/font-awesome/css/font-awesome.min.css") }}" rel="stylesheet" type="text/css" />
    <!-- Ionicons -->
    <link href="{{ asset("/components/Ionicons/css/ionicons.min.css") }}" rel="stylesheet" type="text/css" />
    <!-- Select2 -->
    <link href="{{ asset("/components/AdminLTE/plugins/select2/select2.min.css") }}" rel="stylesheet" type="text/css" />

    <!-- Theme style -->
    <link rel="stylesheet" href="{{asset("/components/AdminLTE/dist/css/AdminLTE.min.css")}}">

    <!-- AdminLTE Skins. We have chosen the skin-blue for this starter
          page. However, you can choose any other skin. Make sure you
          apply the skin class to the body tag so the changes take effect.
    -->
    <link href="{{ asset("/components/AdminLTE/dist/css/skins/skin-blue.min.css")}}" rel="stylesheet" type="text/css" />

    <!--加载 data.html css 需要的其他css -->
    <!--  //////////////////////////////////////////////////////////////////////////////////////////////// -->
    <!-- Font Awesome -->
    <link rel="stylesheet" href="{{ asset("/components/font-awesome/css/font-awesome.min.css") }}">
    <!-- DataTables -->
    <link rel="stylesheet" href="{{ asset("/components/AdminLTE/plugins/datatables/dataTables.bootstrap.css") }}">
    <!-- AdminLTE Skins. Choose a skin from the css/skins
         folder instead of downloading all of them to reduce the load. -->
    <link rel="stylesheet" href="{{ asset("/components/AdminLTE/dist/css/skins/_all-skins.min.css") }}">

    <!-- iCheck -->
    <link rel="stylesheet" href="{{ asset("/components/AdminLTE/plugins/iCheck/flat/blue.css") }}">
    <!-- iCheck for checkboxes and radio inputs -->
    <link rel="stylesheet" href="{{ asset("/components/AdminLTE/plugins/iCheck/all.css") }}">

    <!--  //////////////////////////////////////////////////////////////////////////////////////////////// -->
    <!--加载 data.html css 需要的其他css -->
    <style>
        .no-margin-pager,.no-margin-pager .pagination{ margin: 0;}
    </style>


    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="{{ asset ("/components/html5shiv/dist/html5shiv.min.js") }}"></script>
    <script src="{{ asset ("/components/respond/dist/respond.min.js") }}"></script>


    <![endif]-->

    <!-- jQuery 2.1.4 -->
    <script src="{{ asset ("/components/AdminLTE/plugins/jQuery/jQuery-2.1.4.min.js") }}"></script>

    <!-- Bootstrap 3.3.5 -->
    <script src="{{ asset ("/components/AdminLTE/bootstrap/js/bootstrap.min.js") }}"></script>


<!-- Simditor -->
<link rel="stylesheet" type="text/css" href="{{ asset("/components/simditor/styles/simditor.css") }}" />
<!-- <script type="text/javascript" src="{{ asset("/components/jquery/dist/jquery.min.js") }}"></script> -->
<script type="text/javascript" src="{{ asset("/components/simple-module/lib/module.js") }}"></script>
<script type="text/javascript" src="{{ asset("/components/simple-hotkeys/lib/hotkeys.js") }}"></script>
<script type="text/javascript" src="{{ asset("/components/simple-uploader/lib/uploader.js") }}"></script>
<script type="text/javascript" src="{{ asset("/components/simditor/lib/simditor.js") }}"></script>

<!-- 自定义公共函数 -->
<script type="text/javascript" src="{{ asset ("/dist/js/utils.js") }}"></script>

</head>
<!--
BODY TAG OPTIONS:
=================
Apply one or more of the following classes to get the
desired effect
|---------------------------------------------------------|
| SKINS         | skin-blue                               |
|               | skin-black                              |
|               | skin-purple                             |
|               | skin-yellow                             |
|               | skin-red                                |
|               | skin-green                              |
|---------------------------------------------------------|
|LAYOUT OPTIONS | fixed                                   |
|               | layout-boxed                            |
|               | layout-top-nav                          |
|               | sidebar-collapse                        |
|               | sidebar-mini                            |
|---------------------------------------------------------|
-->
<body class="hold-transition skin-blue sidebar-mini {{ isset($_COOKIE['afu-sidebarToggle'])?$_COOKIE['afu-sidebarToggle']:'' }}">
<div class="wrapper">

    <!-- Main Header -->
    <header class="main-header">

        <!-- Logo -->
        <a href="/admin" class="logo">
            <!-- mini logo for sidebar mini 50x50 pixels -->
            <span class="logo-mini">{{trans('home.logo')}}</span>
            <!-- logo for regular state and mobile devices -->
            <span class="logo-lg"><b>{{trans('home.logo')}}</b></span>
        </a>

        <!-- Header Navbar -->
        <nav class="navbar navbar-static-top" role="navigation">
            <!-- Sidebar toggle button-->
            <a href="/admin/order/shippingOrder" class="sidebar-toggle" data-toggle="offcanvas" role="button">
                <span class="sr-only">Toggle navigation</span>
            </a>
            <!-- Navbar Right Menu -->
            <div class="navbar-custom-menu">
                <ul class="nav navbar-nav">
                    <!-- Messages: style can be found in dropdown.less-->
                    {{--<li class="dropdown messages-menu">--}}
                        {{--<!-- Menu toggle button -->--}}
                        {{--<a href="#" class="dropdown-toggle" data-toggle="dropdown">--}}
                            {{--<i class="fa fa-envelope-o"></i>--}}
                            {{--<span class="label label-success">4</span>--}}
                        {{--</a>--}}
                        {{--<ul class="dropdown-menu">--}}
                            {{--<li class="header">You have 4 messages</li>--}}
                            {{--<li>--}}
                                {{--<!-- inner menu: contains the messages -->--}}
                                {{--<ul class="menu">--}}
                                    {{--<li><!-- start message -->--}}
                                        {{--<a href="#">--}}
                                            {{--<div class="pull-left">--}}
                                                {{--<!-- User Image -->--}}
                                                {{--<img src="{{asset('/components/AdminLTE/dist/img/user2-160x160.jpg')}}" class="img-circle" alt="User Image">--}}
                                            {{--</div>--}}
                                            {{--<!-- Message title and timestamp -->--}}
                                            {{--<h4>--}}
                                                {{--Support Team--}}
                                                {{--<small><i class="fa fa-clock-o"></i> 5 mins</small>--}}
                                            {{--</h4>--}}
                                            {{--<!-- The message -->--}}
                                            {{--<p>Why not buy a new awesome theme?</p>--}}
                                        {{--</a>--}}
                                    {{--</li>--}}
                                    {{--<!-- end message -->--}}
                                {{--</ul>--}}
                                {{--<!-- /.menu -->--}}
                            {{--</li>--}}
                            {{--<li class="footer"><a href="#">See All Messages</a></li>--}}
                        {{--</ul>--}}
                    {{--</li>--}}
                    {{--<!-- /.messages-menu -->--}}

                    {{--<!-- Notifications Menu -->--}}

                    <li class="dropdown notifications-menu">
                        <!-- Menu toggle button -->
                        <a href="/admin/order/notice" class="dropdown-toggle" data-toggle="dropdown">
                            <i class="fa fa-bell-o"></i>
                            <span id="order-wawrning" class=""></span>
                        </a>
                        <ul class="dropdown-menu">
                            {{--<li class="header">你有{{$orderService->countRemindOrder()}}条消息</li>--}}
                            <li>
                                <!-- Inner Menu: contains the notifications -->
                                <ul class="menu">
                                    <li><!-- start notification -->
                                        <a href="/admin/order/notice">
                                            <i class="fa fa-users text-aqua"></i> 您有 <span id="order-news">0</span>条发货提醒
                                        </a>
                                    </li>
                                    <!-- end notification -->
                                </ul>
                            </li>
                            {{--<li class="footer"><a href="#">查看所有</a></li>--}}
                        </ul>
                    </li>
                    {{--<!-- Tasks Menu -->--}}
                    {{--<li class="dropdown tasks-menu">--}}
                        {{--<!-- Menu Toggle Button -->--}}
                        {{--<a href="#" class="dropdown-toggle" data-toggle="dropdown">--}}
                            {{--<i class="fa fa-flag-o"></i>--}}
                            {{--<span class="label label-danger">9</span>--}}
                        {{--</a>--}}
                        {{--<ul class="dropdown-menu">--}}
                            {{--<li class="header">You have 9 tasks</li>--}}
                            {{--<li>--}}
                                {{--<!-- Inner menu: contains the tasks -->--}}
                                {{--<ul class="menu">--}}
                                    {{--<li><!-- Task item -->--}}
                                        {{--<a href="#">--}}
                                            {{--<!-- Task title and progress text -->--}}
                                            {{--<h3>--}}
                                                {{--Design some buttons--}}
                                                {{--<small class="pull-right">20%</small>--}}
                                            {{--</h3>--}}
                                            {{--<!-- The progress bar -->--}}
                                            {{--<div class="progress xs">--}}
                                                {{--<!-- Change the css width attribute to simulate progress -->--}}
                                                {{--<div class="progress-bar progress-bar-aqua" style="width: 20%" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">--}}
                                                    {{--<span class="sr-only">20% Complete</span>--}}
                                                {{--</div>--}}
                                            {{--</div>--}}
                                        {{--</a>--}}
                                    {{--</li>--}}
                                    {{--<!-- end task item -->--}}
                                {{--</ul>--}}
                            {{--</li>--}}
                            {{--<li class="footer">--}}
                                {{--<a href="#">View all tasks</a>--}}
                            {{--</li>--}}
                        {{--</ul>--}}
                    {{--</li>--}}
                    {{--<!-- User Account Menu -->--}}

                    <li class="dropdown user user-menu">
                        <!-- Menu Toggle Button -->
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                            <!-- The user image in the navbar-->
                            <img src="{{asset('/components/AdminLTE/dist/img/user2-160x160.jpg')}}" class="user-image" alt="User Image" title="发货提醒">
                            <!-- hidden-xs hides the username on small devices so only the image appears. -->
                            <span class="hidden-xs">{{Auth::user()->user_name}}</span>
                        </a>

                        <ul class="dropdown-menu">
                            <!-- The user image in the menu -->
                            <li class="user-header">
                                <img src="{{asset('/components/AdminLTE/dist/img/user2-160x160.jpg')}}" class="img-circle" alt="User Image">
                                <p>
                                    {{Auth::user()->user_name}}
                                    <small>
                                        {{Auth::user()->user_name}}

                                    </small>
                                </p>
                            </li>

                            <!-- Menu Footer-->
                            <li class="user-footer">
                                <div class="pull-left">
                                    <button id="logout" class="btn btn-default btn-flat">退出登录</button>

                                    {{--<a href="#" class="btn btn-default btn-flat">账号管理</a>--}}
                                </div>
                                <div class="pull-right">
                                </div>
                            </li>
                        </ul>
                    </li>
                    <!-- Control Sidebar Toggle Button -->
                    {{--<li>--}}
                        {{--<a href="#" data-toggle="control-sidebar"><i class="fa fa-gears"></i></a>--}}
                    {{--</li>--}}
                </ul>
            </div>
        </nav>
    </header>
    <!-- Left side column. contains the logo and sidebar -->
    <aside class="main-sidebar">

        <!-- sidebar: style can be found in sidebar.less -->
        <section class="sidebar">

            <!-- Sidebar user panel (optional) -->
            <div class="user-panel">
                <div class="pull-left image">
                    <img src="{{asset('/components/AdminLTE/dist/img/user2-160x160.jpg')}}" class="img-circle" alt="User Image">
                </div>
                <div class="pull-left info">
                    <p>{{Auth::user()->user_name}}</p>
                    <!-- Status -->
                    <a href="#">{{Auth::user()->user_name}}</a>
                </div>
            </div>



            <!-- Sidebar Menu -->

            @include('admin.sidebar')
            <!-- /.sidebar-menu -->
        </section>
        <!-- /.sidebar -->
    </aside>

    <!-- Content Wrapper. Contains page content -->
    <div class="content-wrapper">
        @yield('content')
    </div>
    <!-- /.content-wrapper -->

    {{--<!-- Main Footer -->--}}
    {{--<footer class="main-footer">--}}
        {{--<!-- To the right -->--}}
        {{--<div class="pull-right hidden-xs">--}}
            {{--Anything you want--}}
        {{--</div>--}}
        {{--<!-- Default to the left -->--}}
        {{--<strong>Copyright &copy; 2015 <a href="#">Company</a>.</strong> All rights reserved.--}}
    {{--</footer>--}}

    <!-- Control Sidebar -->
    <aside class="control-sidebar control-sidebar-dark">
        <!-- Create the tabs -->
        <ul class="nav nav-tabs nav-justified control-sidebar-tabs">
            <li class="active"><a href="#control-sidebar-home-tab" data-toggle="tab"><i class="fa fa-home"></i></a></li>
            <li><a href="#control-sidebar-settings-tab" data-toggle="tab"><i class="fa fa-gears"></i></a></li>
        </ul>
        <!-- Tab panes -->
        <div class="tab-content">
            <!-- Home tab content -->
            <div class="tab-pane active" id="control-sidebar-home-tab">
                <h3 class="control-sidebar-heading">Recent Activity</h3>
                <ul class="control-sidebar-menu">
                    <li>
                        <a href="javascript:;">
                            <i class="menu-icon fa fa-birthday-cake bg-red"></i>

                            <div class="menu-info">
                                <h4 class="control-sidebar-subheading">Langdon's Birthday</h4>

                                <p>Will be 23 on April 24th</p>
                            </div>
                        </a>
                    </li>
                </ul>
                <!-- /.control-sidebar-menu -->

                <h3 class="control-sidebar-heading">Tasks Progress</h3>
                <ul class="control-sidebar-menu">
                    <li>
                        <a href="javascript:;">
                            <h4 class="control-sidebar-subheading">
                                Custom Template Design
                                <span class="label label-danger pull-right">70%</span>
                            </h4>

                            <div class="progress progress-xxs">
                                <div class="progress-bar progress-bar-danger" style="width: 70%"></div>
                            </div>
                        </a>
                    </li>
                </ul>
                <!-- /.control-sidebar-menu -->

            </div>
            <!-- /.tab-pane -->
            <!-- Stats tab content -->
            <div class="tab-pane" id="control-sidebar-stats-tab">Stats Tab Content</div>
            <!-- /.tab-pane -->
            <!-- Settings tab content -->
            <div class="tab-pane" id="control-sidebar-settings-tab">
                <form method="post">
                    <h3 class="control-sidebar-heading">General Settings</h3>

                    <div class="form-group">
                        <label class="control-sidebar-subheading">
                            Report panel usage
                            <input type="checkbox" class="pull-right" checked>
                        </label>

                        <p>
                            Some information about this general settings option
                        </p>
                    </div>
                    <!-- /.form-group -->
                </form>
            </div>
            <!-- /.tab-pane -->
        </div>
    </aside>
    <!-- /.control-sidebar -->
    <!-- Add the sidebar's background. This div must be placed
         immediately after the control sidebar -->
    <div class="control-sidebar-bg"></div>
</div>
<!-- ./wrapper -->

<!-- REQUIRED JS SCRIPTS -->


<!-- AdminLTE App -->
<script>
    //AdminLTEOptions 实例化配置参数
    var AdminLTEOptions={
        animationSpeed: 260//动画执行速度
    };
</script>
<script src="{{ asset ("/components/AdminLTE/dist/js/app.min.js") }}"></script>

<script>
    $('#logout').click(function(){
        $.ajax({
            url:'/admin/order/remind',
            type:'get',
            headers:{'X-CSRF-TOKEN':'{{csrf_token()}}'},
            success:function(){


                window.location.href="/admin/login";

            }
        });
    });

        function orderMessage(){
                  $.ajax({
                      url:'/admin/order/remind',
                      type:'get',
                      headers:{'X-CSRF-TOKEN':'{{csrf_token()}}'},
                      success:function(res){
                        if(res.number>0){
                            $('#order-wawrning').html(res.number);
                            $('#order-wawrning').addClass("label label-warning");
                            $('#order-news').html(res.number);
                        }

                      }
                  });
        }

         setInterval('orderMessage()',5000);


    //处理导航状态
    function sidebarStatus(){
        var treeLists=$('.treeview'),linkItem,curLink,storeLink,curTree;
        var curPath='{{Request::path()}}';
        var segments=curPath.split('/');

        if(segments.length>=1){
            curLink=treeLists.find('a[href="/'+curPath+'"]');
            storeLink=treeLists.find('a[href="/'+utils.getStore('afu-treeview')+'"]');

            linkItem=curLink.length?curLink:storeLink.length?storeLink:[];
            if(linkItem.length){
                linkItem.closest('li').addClass('active');
                linkItem.closest('.treeview').addClass('active');
            }

            if(curLink.length){
                utils.setStore('afu-treeview',curPath);
            }
        }

        //记录导航缩进状态
        $(document).on('click', '[data-toggle="offcanvas"]', function (e) {
            e.preventDefault();

            setTimeout(function(){
                var curClass=$('body').attr('class');
                var curArr=curClass.split(' ');

                curClass=utils.unique(curArr).join(' ');
                utils.setCookie('afu-sidebarToggle',curClass,'d30');
            },500);
        });
    }//End fun.
    sidebarStatus();



</script>
</body>
</html>
